<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="headtop">
            <div class="head1">
                <div class="w">
                <div class="didian left">
                    <span class="iconfont icon-map "></span>
                    <span>北京</span>
                </div>
                <div class="zhuce right">
                    <ul>
                        <li><a href="">你好，请登录</a></li>
                        <li class="line"></li>
                        <li class="down_list"><a href="">免费注册</a>
                            <div class="listbox"></div>
                        </li>
                       
                        <li class="line"></li>
                        <li><a href="">免费注册</a></li>
                        <li class="line"></li>
                        <li><a href="">免费注册</a></li>
                        <li class="line"></li>
                        <li><a href="">免费注册</a></li>
                        <li class="line"></li>
                        <li><a href="">免费注册</a></li>
                        <li class="line"></li>
                        <li><a href="">免费注册</a></li>
                        <li class="line"></li>
                        <li><a href="">免费注册</a></li>
                        <li class="line"></li>
                        <li><a href="">免费注册</a></li>
                    
                    </ul>
                </div>
            </div>
        </div>
        <div class="head2">
          <div class="w">
            <div class="logo left">
                <img src="./image/LOGO@1x.png" alt="">
            </div>
            <div class="searchbox left">
                <div class="searchtop">
                    <div class="search">
                      <input type="text" placeholder="请输入商品详情">
                       <input type="button" >
                       <span class="iconfont icon-search "></span>
                    </div>
                    <div class="car right">
                        <span class="iconfont icon-gouwuche"></span>
                        我的购物车
                    </div>
                </div>
                <div class="middle">
                    <ul>
                        <li><a href="">家电</a></li>
                        <li><a href="">年货节</a></li>
                        <li><a href="">家电</a></li>
                        <li><a href="">家电</a></li>
                        <li><a href="">兔年换新</a></li>
                        <li><a href="">家电</a></li>
                        <li><a href="">家电</a></li>
                        <li><a href="">家电</a></li>
                        <li><a href="">家电</a></li>
                        
                    </ul>
                </div>
                <div class="nav">
                    <ul>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>御码超市</li>
                        <li>优惠卷</li>
                    </ul>
                </div>
            </div>
            <div class="newyear right">
                <img src="./image/image1@1x.png" alt="">
            </div>
        </div>
      </div>
    </div>
    <div class="main_body">
        <div class="w">
            <div class="left left_list">
                <ul>
                    <li><a href="">手机/运营商/数码</a>
                        <div class="listbox2"></div>
                    </li>
                    <li><a href="">手机/运营商/数码</a>
                        <div class="listbox2"></div>
                    </li>
                    <li><a href="">手机/运营商/数码</a>
                        <div class="listbox2"></div>
                    </li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a>
                        <div class="listbox2"></div>
                    </li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a>
                        <div class="listbox2"></div>
                    </li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                    <li><a href="">手机/运营商/数码</a></li>
                </ul>
            </div>
            <div class="left banner">
                <img src="./image/banner_主图@1x.png" alt="">
            </div>
            <div class="left right_ad">
                 <a href=""><img src="./image/侧边banner1@1x.png" alt=""></a>
                 <a href=""><img src="./image/侧边banner2@1x.png" alt=""></a>
                 <a href=""><img src="./image/侧边banner3@1x.png" alt=""></a>
            </div>
            <div class="right right_member">
                <div class="user">
                    <div class="top_user clearfix">
                        <div class="left tupian">
                             <img src="./image/Ellipse1@1x.png" alt="">
                        </div>
                        <div class="right wenzi">
                            <div class="top_wenzi">Hi~ 欢迎光临御码</div>
                            <div class="bot_wenzi"><strong>登录|注册</strong></div>
                        </div>

                    </div>
                    <div class="bot_user">
                        <span>新人福利</span>
                        <span>御码会员</span>
                    </div>
                </div>
                <div class="YMnews">
                    <div class="title_YM">
                        <span><strong>御码快报</strong></span>
                        <span><a href="">更多</a></span>
                    </div>
                    <div class="YM_list">
                        <ul>
                            <li class="clearfix">
                                <span>热评</span>
                                <a href="">毛衣直筒你才是多次DS</a>
                            </li>
                            <li class="clearfix">
                                <span >热评</span>
                                <a href="">毛衣直筒裤是的事不急YYDS</a>
                            </li class="clearfix">
                            <li class="clearfix">
                                <span>热评</span>
                                <a href="">毛衣直筒裤是YYDS</a>
                            </li>
                            <li class="clearfix">
                                <span>热评</span>
                                <a href="">毛衣直筒裤是YYDS</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="severlist">
                    <ul>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                        <li><div class="box"></div>话费</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="nianhuo">
        <ul>
            <li>
                    <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                    <div class="lixi">至高24期免息</div> 
                    <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
            <li>
                <a href="#"><img src="./image/年货产品图01@1x.png" alt=""></a>
                <div class="lixi">至高24期免息</div> 
                <p>酒水好店</p>                    
            </li>
        </ul>
    </div>
    <div class="w">
    <div class="cheap">
           <div class="left tejia">
               <div class="title_tejia">
                  <h1>每日特价</h1>
                  <img src="./image/icon_更多@1x.png" alt="">
                  <span>精选</span>
               </div>
                <div class="bottom_tejia">
                    <div class="left left_tu">
                        <img src="./image/最近7天低价@1x.png" alt="">
                        <div class="box"></div>
                        <p>赣南   精品脐橙一箱</p>
                        <p>￥99.9</p>
                        <p>已抢购123件</p>
                    </div>
                    <div class="right right_tu">
                        <div class="box">
                            <div class="left item">
                                <img src="./image/每日特价产品图02@1x.png" alt="">
                            </div>
                            <div class="right wenzi">
                                <p>赣南精品脐橙一箱</p>
                                <p>￥99.9</p>
                                <p>已抢购123件</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="left item">
                                <img src="./image/每日特价产品图02@1x.png" alt="">
                            </div>
                            <div class="right wenzi">
                                <p>赣南   精品脐橙一箱</p>
                                <p>￥99.9</p>
                                <p>已抢购123件</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="left item">
                                <img src="./image/每日特价产品图02@1x.png" alt="">
                            </div>
                            <div class="right wenzi">
                                <p>赣南   精品脐橙一箱</p>
                                <p>￥99.9</p>
                                <p>已抢购123件</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="left item">
                                <img src="./image/每日特价产品图02@1x.png" alt="">
                            </div>
                            <div class="right wenzi">
                                <p>赣南   精品脐橙一箱</p>
                                <p>￥99.9</p>
                                <p>已抢购123件</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
              <div class="left shangou"></div>
         </div>
    </div>
    <div class="foot">
        <div class="w">
            <div class="foot1">
                <a href=""><img src="./image/footer_01@1x.png" alt=""></a>
                <a href=""><img src="./image/footer_01@1x.png" alt=""></a>
                <a href=""><img src="./image/footer_01@1x.png" alt=""></a>
                <a href=""><img src="./image/footer_01@1x.png" alt=""></a>
            </div>
            <div class="foot2 clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物指南</dd>
                    <dd>购物流程</dd> 
                    <dd>会员介绍 </dd>
                    <dd> 生活旅行 </dd>
                    <dd>常见问题 </dd>
                    <dd>大家电 </dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物指南</dd>
                    <dd>购物流程</dd> 
                    <dd>会员介绍 </dd>
                    <dd> 生活旅行 </dd>
                    <dd>常见问题 </dd>
                    <dd>大家电 </dd>
                    <dd>联系客服</dd>
                </dl><dl>
                    <dt>购物指南</dt>
                    <dd>购物指南</dd>
                    <dd>购物流程</dd> 
                    <dd>会员介绍 </dd>
                    <dd> 生活旅行 </dd>
                    <dd>常见问题 </dd>
                    <dd>大家电 </dd>
                    <dd>联系客服</dd>
                </dl><dl>
                    <dt>购物指南</dt>
                    <dd>购物指南</dd>
                    <dd>购物流程</dd> 
                    <dd>会员介绍 </dd>
                    <dd> 生活旅行 </dd>
                    <dd>常见问题 </dd>
                    <dd>大家电 </dd>
                    <dd>联系客服</dd>
                </dl><dl>
                    <dt>购物指南</dt>
                    <dd>购物指南</dd>
                    <dd>购物流程</dd> 
                    <dd>会员介绍 </dd>
                    <dd> 生活旅行 </dd>
                    <dd>常见问题 </dd>
                    <dd>大家电 </dd>
                    <dd>联系客服</dd>
                </dl><dl>
                    <dt>购物指南</dt>
                    <dd>购物指南</dd>
                    <dd>购物流程</dd> 
                    <dd>会员介绍 </dd>
                    <dd> 生活旅行 </dd>
                    <dd>常见问题 </dd>
                    <dd>大家电 </dd>
                    <dd>联系客服</dd>
                </dl>
            </div>
            <div class="foot3">
                <ul>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                </ul>
                <p>京ICP备12345678901</p>
            </div>
        </div>       
    </div>
</body>
</html>